<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>嵌套for循环案例</title>
</head>

<body>
    <script>
        //1.根据用户输入打印n行列⭐
        // var userRows = prompt('输入打印⭐的行数：');
        // var userCols = prompt('输入打印⭐的列数：')
        //     // 字符串类型 
        // var str = '';
        // for (var i = 1; i <= userRows; i++) {
        //     //外层负责打印5行
        //     for (var j = 1; j <= userCols; j++) {
        //         //内层负责一行打印5个
        //         str += '❖';
        //     }
        //     str += '\n';
        // }
        // console.log(str)


        //2.打印倒三角
        //外循环一次，内循环执行9遍
        //外循环二次，内循环执行8遍
        // var str = '';
        // for (var o = 1; o <= 9; o++) {
        //     for (var p = o; p <= 9; p++) {
        //         // p = o 
        //         str += '⭐';
        //     }
        //     str += '\n';
        // }
        // console.log(str);

        // 3.打印正三角
        var str = '';
        for (var o = 1; o <= 9; o++) {
            for (var p = 1; p <= o; p++) {
                // p = o 
                str += '⭐';
            }
            str += '\n';
        }
        console.log(str);


        // 4.九九乘法表 控制台输出
        var str = '';
        for (i = 1; i <= 9; i++) {
            for (j = 1; j <= i; j++) {
                str += j + '*' + i + '=' + i * j + '\t';

            }
            str += '\n';
        }
        console.log(str);

        // 页面输出
        for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                document.write(j + " x " + i + " = " + (i * j) + "&emsp;");
            }
            document.write("<br>");
        }
    </script>
</body>

</html>